/**
 * 主题风格
 */

:root {
  --color-primary: #409eff;
  --color-success: #67c23a;
  --color-warning: #e6a23c;
  --color-danger: #f56c6c;
  --color-info: #909399;
}

html {
  // 中性色
  --color-neutral-0: #000000;
  --color-neutral-1: #262626;
  --color-neutral-2: #595959;
  --color-neutral-3: #8c8c8c;
  --color-neutral-4: #bfbfbf;
  --color-neutral-5: #d9d9d9;
  --color-neutral-6: #e8e8e8;
  --color-neutral-7: #f0f2f5;
  --color-neutral-8: #fafafa;
  --color-neutral-9: #ffffff;

  --app-bg-color: #ffffff;
  --header-bg-color: #ffffff;
  --sidebar-bg-color: #ffffff;
  --footer-bg-color: #ffffff;
  --tabbar-bg-color: #ffffff;
  --scrollbar-bg-color: #00000022;
  --menu-hover-bg-color: #f5f5f5;
  --menu-active-bg-color: var(--color-primary-gradient-9);
  --main-bg-color: #f1f1f1;

  // 主题色
  --bg-color: #ffffff;
  --text-color: #333333;
  --border-color: #e4e7ed;
  --translucence-color: rgba(0, 0, 0, 0.1);
}

html.dark {
  // 中性色
  --color-neutral-0: #ffffff;
  --color-neutral-1: #dfdfdf;
  --color-neutral-2: #b3b3b3;
  --color-neutral-3: #888888;
  --color-neutral-4: #5c5c5c;
  --color-neutral-5: #464646;
  --color-neutral-6: #3a3a3a;
  --color-neutral-7: #2f2f2f;
  --color-neutral-8: #2a2a2a;
  --color-neutral-9: #262626;

  --app-bg-color: #1c1e23;
  --header-bg-color: #1c1e23;
  --sidebar-bg-color: #1c1e23;
  --footer-bg-color: #1c1e23;
  --tabbar-bg-color: #1c1e23;
  --scrollbar-bg-color: #ffffff33;
  --menu-hover-bg-color: #f5f5f511;
  --menu-active-bg-color: #f5f5f511;
  --main-bg-color: #141414;

  // 主题色
  --bg-color: #1c1e23;
  --text-color: #ffffff;
  --border-color: #414243;
  --translucence-color: rgba(255, 255, 255, 0.1);
}

// 深色菜单
.menu-dark {
  --sidebar-bg-color: #1c1e23;
  --menu-hover-bg-color: #f5f5f511;
  --menu-active-bg-color: #f5f5f511;
  --text-color: #ffffff;
  --border-color: #414243;
}

// 若依风格菜单
.menu-ruoyi {
  --sidebar-bg-color: #304156;
  --menu-hover-bg-color: #f5f5f511;
  --menu-active-bg-color: #f5f5f511;
  --text-color: #ffffff;
  --border-color: #525966;
}
